<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script>
      // ### 练习题4：

      // **目的:** 复习函数的声明与调用

      // **题目：**封装余额函数

      // **要求:**

      // 1. 运行程序后, 浏览器显示输入确认框(prompt)
      // 2. 第一个输入确认框提示输入银行卡余额
      // 3. 第二个输入确认框提示输入当月食宿消费金额
      // 4. 第三个输入确认框提示输入当月生活消费金额
      // 5. 输入完毕后,在页面中显示银行卡剩余金
      // 6. 提示: 所有功能代码封装在函数内部（函数需要把余额返回）

      function residue(a, b, c) {
        return a - b - c
      }
      let num1 = +prompt('输入银行卡余额')
      let num2 = +prompt('输入当月食宿消费金额')
      let num3 = +prompt('当月生活消费金额')
      let res = residue(num1, num2, num3)
      document.write(`银行卡剩余金${res}`)
    </script>
  </body>
</html>
